<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
    <style>
        a{
            text-decoration:none;color:#000;
        }
        body{
            margin: 0;
            font-family: "Microsoft YaHei";
        }
        .el-header{
            padding: 0;
        }
        .el-header img{
            /*设置中间对齐*/
            vertical-align: middle;
        }
        .el-header a{
            color: #666;
            text-decoration: none;
        }
        .el-table .el-table__cell{
            /*去掉自带的内边距*/
            padding: 0;
        }
        .el-menu  .el-menu-item{
            float: left;
            position: relative;
            width: 150px;
            margin: 0 auto;border: 0 ;
            float: left;
            position: relative;text-align: center;
            text-align: center;
            background: url("https://cdn.myxypt.com/4dc09769/22/02/e6e2d8e50769a0f5f7173658a6da58d1c79c4297.png")no-repeat right;

        }
        .first-nav-btn {
            position: absolute;
            z-index: 99;
            width: 30px;
            height: 30px;
            text-align: center;
            top: 10px;
            right: 20px;
            cursor: pointer;
            background: url(https://gcdn.myxypt.com/images/icon_spirit.png) 0 -240px no-repeat;
        }
        .el-aside {
            background-color: #ffffff;
            color: #333;
            text-align: center;
        ;
        }

        .el-main {
            background-color: #E9EEF3;
            color: #333;
            text-align: center;

        }
        h3{
            display: block;
            font-size: 1.17em;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            font-size: 20px;
            color: #ffffff;
            line-height: 30px;
            font-weight: bold;
            position: relative;
            z-index: 9;
            margin: 0;
            float: left;
            padding: 5px 0 0 0;
        }
        .xypg-left-title {
            background: #db2400;
            position: relative;
            height: 32px;
            padding: 10px 10px 20px 20px;
        }
        .xypg-left-title i {
            position: absolute;
            left: -5px;
            top: -9px;
            font-style: normal;
            font-size: 67px;
            font-weight: bold;
            opacity: .1;
            color: #fff;
            line-height: 1;
            z-index: 1;
            text-transform: uppercase;
        }
        .page-banner img{
            width: 100%;
            height: 100%;
            padding: 0 0 0 0;
        }
        .page-position{
            padding: 15px 0;
        }
        .xypg-left-nav li{
            list-style-type:none;
            position: relative;
        }

        .he div{
            padding: 15px 18px;
            width: 269px;
            height: 22px;
        }
        .he div a:hover{
            color: coral;
        }
        hr{
            line-height: 0;
            width: 100%;
        }
        .xypg-left-box {
            margin-bottom: 20px;
        }
        .hot-keys li {
            width: calc(50% - 14px);
            float: left;
            margin: 0 7px 14px 7px;
            text-decoration: none;
            list-style: none;
        }
        .hot-keys li a {
            display: block;
            text-align: center;
            font-size: 14px;
            color: #5a5a5a;
            line-height: 2.857;
            border: 1px dashed #f1f1f1;
        }
        li{
            margin-left: 0px;
            margin-bottom: 14px;
        }





        .xypg-news-list li {
            border: 1px solid #e1e1e1;
            padding: 40px;
            background: #fff;
            margin-bottom: 35px;
            -webkit-transition: all .5s;
            transition: all .5s;
        }
        .xypg-news-list li .tit h3 {
            padding-bottom: 15px;
            font-size: 18px;
            color: #565656;
            font-weight: normal;
            padding-right: 25%;
            margin: 0;
            text-decoration: none;
        }
        .info {
            font-size: 14px;
            line-height: 2;
            color: #999999;
        }
        .more {
            margin-top: 15px;

        }
        li:hover .more span {
            color: #fff;
            background-color: #db2400;

        }
        li:hover .tit h3 {
            color: #db2400;
        }
        li:hover {
            -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
            box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
        }
        .xypg-news-list li .more span {
            display: inline-block;
            width: 130px;
            line-height: 33px;
            text-align: center;
            font-size: 14px;
            color: #666666;
            border: 1px solid #e1e1e1;
            -webkit-transition: all .5s ease;
            transition: all .5s ease;
            position: absolute;
        }
        .info{
            text-align: left;
        }
        .more{
            text-align: left;
        }
        .xypg-pagination {
            margin-top: 20px;
            text-align: center;
            font-size: 0;
        }
        .xypg-pagination .pagin-left, .xypg-pagination .pagin-mid, .xypg-pagination .pagin-right, .xypg-pagination .pagin-select {
            display: inline-block;
            vertical-align: middle;
        }
        .xypg-pagination a, .xypg-pagination #current {
            display: inline-block;
            font-size: 14px;
            color: #333333;
            font-family: "Microsoft YaHei",Arial;
            line-height: 26px;
            border: 1px solid #cbcbcb;
            margin: 0 5px;
            padding: 0 8px;
        }
        .xypg-pagination .pagin-mid {
            font-size: 14px;
        }
        .xypg-pagination .pagin-left, .xypg-pagination .pagin-mid, .xypg-pagination .pagin-right, .xypg-pagination .pagin-select {
            display: inline-block;
            vertical-align: middle;
        }
        .xypg-pagination .pagin-select {
            font-size: 14px;
        }
        .xypg-pagination .pagin-left, .xypg-pagination .pagin-mid, .xypg-pagination .pagin-right, .xypg-pagination .pagin-select {
            display: inline-block;
            vertical-align: middle;
        }


        .xypg-detail-title {
            font-size: 20px;
            color: #363636;
            font-weight: bold;
            margin-bottom: 10px;
            line-height: 1.7;
        }
        .xypg-detail-con{
            text-align: left;
        }
    </style>
</head>
<body>
<div id="app">
    <el-container>
        <el-header height="130px">
            <div style="width: 1200px;margin: 0">
                <img src="https://cdn.myxypt.com/4dc09769/22/03/1c86f1112d129174aa24bcf0e2a41d71330298e4.png" width="424px" height="71px" style="">
            </div>
            <!--导航菜单开始-->
            <div style="background-color: #ed0a2c">
                <el-menu mode="horizontal"
                         background-color="#ed0a2c"
                         text-color="#fff"  active-text-color="#fff"
                         style="width: 1200px;margin: 0 auto;border: 0"
                >
                    <el-menu-item index="1">网站首页</el-menu-item>
                    <el-menu-item index="2">关于我们</el-menu-item>
                    <el-menu-item index="3">篮球培训</el-menu-item>
                    <el-menu-item index="4">产品中心</el-menu-item>
                    <el-menu-item index="5">训练基地</el-menu-item>
                    <el-menu-item index="6">新闻中心</el-menu-item>
                    <div style="float: right;margin-top: 10px">
                        <el-input placeholder="请输入搜索内容">
                            <!--slot="append"作用是把按钮追加在文本框里面-->
                            <el-button slot="append" icon="el-icon-search"></el-button>
                        </el-input>
                    </div>
                </el-menu>
            </div>
            <!--导航菜单结束-->
        </el-header>
        <div class="page-banner" style="padding-top: 0px;float: left">
            <img src="//cdn.myxypt.com/9956795b/21/11/7eaff95ca4b50b9df1a68e62ac55fa9e0f799a3d.jpg" alt="产品展示">
            <div class="nybt">
            </div>
        </div>
        <div class="page-position" style="
    margin-left: 160px;
">
            <div class="container">
                <a href="/index.html">首页</a>
                &gt;
                <a href="">产品中心</a> &gt; <a href="">篮球培训</a>
            </div>
        </div>
        <el-container style="font-size: 14px;  line-height: 24px;">
            <el-aside style=" width:305px;margin-left: 160px">
                <div style="float: left;width: 305px;margin-right: 0px;">
                    <div class="xypg-left-box xypg-left-menu">
                        <div class="xypg-left-title">
                            <h3>产品中心 <span>Product</span>
                            </h3>
                            <i>P</i></div>
                        <div class="xypg-left-con" style="text-align: left;border: 1px  solid #b1b1b1;overflow: hidden">
                            <div class="he" style="height: 265px;">
                                <div>
                                    <a href="">少儿篮球培训</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div >
                                    <a href="">青少年篮球培训</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="">成人篮球培训</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="">幼儿篮球培训</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="">篮球培训</a>
                                    <div class="first-nav-btn"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="float: left;width: 305px;margin-right: 0px;">
                    <div class="xypg-left-box xypg-left-menu">
                        <div class="xypg-left-title">
                            <h3>推荐新闻 <span>Recommend</span>
                            </h3>
                            <i>R</i></div>
                        <div class="xypg-left-con" style="text-align: left;border: 1px  solid #b1b1b1;overflow: hidden">
                            <div class="he" style="height: 320px;">
                                <div>
                                    <a href="">+ 爱打篮球的女孩是球场上美丽的风景</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div >
                                    <a href="">+ 夏天打篮球要注意什么？</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="">+ 如何培养还在对篮球的兴趣？</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="">+ 篮球的入门知识和打篮球的好处</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="">+ 重庆篮球夏令营选择误区</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="">+ 重庆篮球培训的一处基础知识</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="float: left;width: 305px;margin-right: 0px;">
                    <div class="xypg-left-box xypg-left-menu">
                        <div class="xypg-left-title">
                            <h3>热门关键词 <span>Keywords</span>
                            </h3>
                            <i>K</i></div>
                        <div class="xypg-left-con" style="text-align: left;border: 1px  solid #b1b1b1;overflow: hidden">
                            <div class="he" style="height: 265px;">
                                <ul class="hot-keys">
                                    <li><a href="" title="少儿篮球培训班">少儿篮球培训班</a></li>
                                    <li><a href="" title="渝中篮球培训机构">渝中篮球培训机构</a></li>
                                    <li><a href="" title="渝中少儿篮球培训">渝中少儿篮球培训</a></li>
                                    <li><a href="" title="篮球兴趣班">篮球兴趣班</a></li>
                                    <li><a href="" title="少儿篮球培训">少儿篮球培训</a></li>
                                    <li><a href="" title="成人篮球培训">成人篮球培训</a></li>
                                    <li><a href="" title="青少篮球培训班">青少篮球培训班</a></li>
                                    <li><a href="" title="篮球培训基础班">篮球培训基础班</a></li>
                                    <li><a href="" title="渝中篮球培训班">渝中篮球培训班</a></li>
                                    <li><a href="" title="篮球训练班">篮球训练班</a></li>
                                    <li><a href="" title="青少年篮球培训">青少年篮球培训</a></li>
                                    <li><a href="" title="九龙坡篮球训练营">九龙坡篮球训练营</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="float: left;width: 305px;margin-right: 0px;">
                    <div class="xypg-left-box xypg-left-menu">
                        <div class="xypg-left-title">
                            <h3>了解我们 <span>Contac US</span>
                            </h3>
                            <i>P</i></div>
                        <div class="xypg-left-con" style="text-align: left;border: 1px  solid #b1b1b1;overflow: hidden">
                            <div class="he" style="height: 320px;">
                                <div>
                                    <a href="">曾勇</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div >
                                    <a href="">朱杰宇</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="">陶成林</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="">赵海帆</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="">杨德宇</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="">何常旭</a>
                                    <div class="first-nav-btn"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </el-aside>
            <el-main>
                <!-- * 右侧 * -->
                <div class="page-wrap-right">
                    <div class="xypg-right-content">
                        <!-- 新闻详细 -->
                        <div class="xypg-news-detail">
                            <h1 class="xypg-detail-title">打篮球为什么要将食指和中指稍微并拢呢？</h1>
                            <hr>
                            <div class="xypg-detail-con"><p style="text-indent: 2em;">为什么要将食指和中指稍微并拢呢?</p><p style="text-indent: 2em;">我想很多朋友可能早发现了这个问题，或许只是悄悄自己知道就行了，不便分享，或许是知道有这回事但不知道原因，就像有个朋友的留言说自己将两个指头绑在一起投篮，感觉发力轻松一些，但不知道是不是心理作用，我可以肯定的告诉你，发力的确会轻松一点，这是有力学理论依据的，你
                                看完后就明白，我说过这个小技巧正好融合了硬手与软手的优点，为什么呢?我先分析一下硬手与软手的特点与优劣势。</p><p style="text-indent: 2em;">硬手的特点是五指刻意分开抓球，手掌心是空的，一般有固定的拨球指。优点是持球会很稳定，非常适合有身体对抗下的跳投，缺点手指拨球会困难一点，z明显的是硬手打篮下的时候，因为离篮筐近，拨球不需要什么力度，而篮下身体对抗激烈，需要持球非常稳定，所以此时是手z硬的时候，这种情况下投篮手指几乎是不拨球的，只是用手臂的力量。软手的特点是五指自然分开托球，手掌心基本不空，一般是五指均衡拨球。优点是便于拨球和发力，缺点是在身体对抗下持球不够稳定。鱼和熊掌似乎不能兼得，但你如果知道其本质的区别，就可以尽z大程度的兼容两者的优点。</p><p style="text-indent: 2em;">我们一提到硬手与软手的区别，大多数人就会想到是否空手心的问题，而通过我个人的研究发现，是否空手心只是一个表象而已，或者说这仅仅只是区分硬手和软手的一个现象而已，我上篇文章里面讲过尺骨传输小臂的力量在手腕的区域，我们也能想象的到小臂的力量只是传输在手掌根部位，而不是在掌心，而不管是硬手和软手，掌根是不会空出来的，也就是说，是否空手心对你的发力影响其实是微乎其微的，大家可以做一个实验，就是你用软手持球，但球只放在手指上去拨球，手掌不触球，发力一样很充分，只会觉得有点别扭而已(因为你从没有这样投过球)。</p><p><br/></p>
                            </div>
                        </div>
                    </div>
                </div>

            </el-main>
        </el-container>

        <el-footer>
            <div style="height: 95px;"></div>
            <div style="background-color: #3f3f3f;
            text-align: center;color: #b1b1b1;padding: 30px 0">
                <p>Copyright © 北京达内金桥科技有限公司版权所有 京ICP备12003709号-3 京公网安备 11010802029572号
                </p>
                <p>达内在线WWW.TMOOC.CN 专注于IT职业技能培训</p>
                <p>涵盖20余门课程体系，致力于打造权威的IT职业教育学习平台</p>
            </div>
        </el-footer>
    </el-container>
</div>
</body>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: function() {
            return {
                bannerArr:["https://cdn.myxypt.com/4dc09769/22/03/cec0489cad30ce07b97bdffa58c4dbbc8fbb0faf.jpg",
                    "https://cdn.myxypt.com/4dc09769/22/03/97a34b379b3eea345034d797bc4fa5f67b142ee2.jpg",
                    "https://cdn.myxypt.com/4dc09769/22/03/c549e631ac59de5fa3d170ad2d4820d87b2c8a6c.jpg"
                ],
                topArr:[
                    {title:"吉利远景",saleCount:2000},
                    {title:"哈佛大狗",saleCount:2520},
                    {title:"长安欧尚",saleCount:1580},
                    {title:"吉利帝豪",saleCount:3580},
                    {title:"吉利极氪",saleCount:4280},
                    {title:"宝马X6",saleCount:9580},
                ],
                productArr:[
                    {name:"姚明",url:"https://img1.baidu.com/it/u=1814008303,1789777043&fm=253&fmt=auto&app=138&f=JPEG?w=403&h=500",message:"中国NBA牛逼人"},
                    {name:"詹姆斯",url:"https://img2.baidu.com/it/u=1802159301,2546111378&fm=253&fmt=auto&app=138&f=JPEG?w=751&h=500",message:"历史得分王"},
                    {name:"科比",url:"https://img2.baidu.com/it/u=2906858480,2527602215&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=666",message:"坠机真离谱"},
                    {name:"艾弗森",url:"https://img0.baidu.com/it/u=3239825293,3424475248&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=889",message:"我就是答案"},
                ]
            }
        },
        methods:{

        }
    })
</script>
</html>